<div class="TuwenListCheckFilterBox">

    <div class="head">
        <div class="ll">
            <el-button type="primary" style="width:100%" @click="editBoxOpen('')">新建图文</el-button>
        </div>
        <div class="rr">
            <el-form :inline="true" label-position="left" label-width="80px" :model="searchForm"
                class="demo-form-inline">
                <el-form-item>
                    <el-select v-model="mixinList_tableSearchData.orderBy" placeholder="请选择" style="width:135px"
                        @change="mixinList_refreshData">
                        <el-option :label="item.label" :value="item.value"
                            v-for="(item,index) in $vFN.Constants.selectResourcesSort" :key="index"></el-option>
                    </el-select>
                </el-form-item>

                <el-form-item>
                    <el-select v-model="mixinList_tableSearchData.isWechat" placeholder="请选择" style="width:105px"
                        @change="mixinList_refreshData">
                        <el-option :label="item.label" :value="item.value"
                            v-for="(item,index) in $vFN.Constants.selectResourcesType" :key="index"></el-option>
                    </el-select>
                </el-form-item>


                <el-form-item>
                    <el-input clearable v-model="mixinList_tableSearchData.name" placeholder="请输入资源名称"
                        @change="mixinList_refreshData" style="width:260px">
                        <el-button slot="append" icon="el-icon-search" @click="mixinList_refreshData()">
                        </el-button>
                    </el-input>
                </el-form-item>

            </el-form>

        </div>

    </div>
    <div class="main">
        <div class="ll">
            <MaterialGroup :appWindow="appWindow" v-if="albumApi" :albumApi="albumApi" ref="materialGroupRef" @change="materialChange" :type="mixinList_tableSearchConst.type">
            </MaterialGroup>
        </div>
        <div class="rr">
            <div class="tt">
                <div class="l" v-if="!isSelect">
                    <el-checkbox style="margin-right:10px;" :indeterminate="selectList.length>0 && !isAll()"
                        :value="isAll()" @change="handleCheckAllChange">全选</el-checkbox>
                    <el-button size="mini" round :disabled="!selectList.length>0" @click="clickDel()">批量删除</el-button>
                    <el-button size="mini" round :disabled="true">批量下载</el-button>
                    <el-button size="mini" round :disabled="true">批量复制链接</el-button>
                    <el-button size="mini" round :disabled="!selectList.length>0" @click="allToWx()">批量同步至微信</el-button>
                </div>
                <div class="r" v-if="!isSelect">
                    <div class="s1">已选</div>
                    <div class="s2">{{selectList.length}}</div>
                </div>
                <div class="r" v-if="isSelect">
                    <div class="s1">已选</div>
                    <div class="s2">{{selectList.length}}</div>
                    <div class="s2" v-if="count>0">/ {{count}}</div>
                </div>

            </div>
            <div class="cc" v-loading="mixinList_loading">
                <TuwenListCheck :appWindow="appWindow" :tuwenList="mixinList_tableData" :selectIds.sync="selectList" ref="tuwenListCheckRef"
                    :count="count" @delete="clickDel" @syncWx="clickSyncWx" @edit="editBoxOpen"></TuwenListCheck>
            </div>

            <div class="bb">
                <div class="l">
                    <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                        @current-change="mixinList_pagingData($event)"
                        :current-page="mixinList_pageData.pageNum" :page-size.sync="$vFN.Constants.pageSize"
                        layout="total, prev, pager, next,jumper" :total.sync="mixinList_pageData.total">
                    </el-pagination>
                </div>
                <div class="r">
                    <slot name="footer"></slot>
                </div>

            </div>
        </div>
    </div>


</div>